* {
  margin: 0;
  padding: 0;
}

.details {
  width: 100%;
  background-image: url('../images/kecheng.png');
  background-repeat: no-repeat;
  background-size: 100%;
  // overflow: hidden;
  padding-top: .01rem;
  position: relative;

  // 标题
  .titles {
    width: 100%;
    text-align: center;
    font-size: .3rem;
    color: #fff;
    // display: flex;
    // align-items: center;
    // justify-content: center;
    margin-top: 1.15rem;
    margin-bottom: .1rem;
    // height: 1.75rem;
  }

  // 封面
  .cover {
    img {
      width: 100%;
      // height: 10.45rem;
    }
  }

  // 优惠劵
  .coupon {
   width: 100%;
    img {
      width: 7.3rem;
      margin-left: .1rem;
    }
  }

  // 低部
  .di-box{
    width: 100%;
    background-image: url('../images/kecheng.png');
    background-repeat: no-repeat;
    background-size: 100%;
    // overflow: hidden;
    padding-top: .01rem;
  
  }
  // 指南
  .guide{
    width: 7.3rem;
    background-color: #1f1f1f;
    // height: 2.96rem;
    padding-bottom: .31rem;
    margin: 0 auto;
    overflow: hidden;
    .top-title{
      width: 100%;
      text-align: center;
      font-size: .31rem;
      color: #fff;
      margin-top: .3rem;
    }
    .imgs{
     
      img{
        width: 5.65rem;
        height: .45rem;
        margin-left: .76rem;
        padding-top: -.2rem;
        // margin-top: -0.2rem;
      } 
    }
    .characters{
      font-size: .16rem;
      color: #fff;
      width: 5.50rem;
      display: flex;
      justify-content: space-between;
      margin-left: .86rem;
     
    }
    .customer{
      width: 2.01rem;
      height: .36rem;
      border-radius: .03rem;
      border:solid 0.01rem #6c6d6e;
      font-size: .16rem;
      color: #6c6d6e;
      display: flex;
      justify-content: center;
      align-items: center;
      margin: 0 auto;
      margin-top: .55rem;
    }
   
  }

  // 介绍
  .introduce{
    width: 7.3rem;
    background-color: #1f1f1f;
    margin: 0 auto;
    overflow: hidden;
    margin-top: .2rem;
    .top-img{
        width: 100%;
        height: .56rem;
    }
    .content{
      font-size: .17rem;
      color: #fff;
      width: 6.9rem;
      height: 1.9rem;
      margin: 0 auto;
    }
    .imgss{
      width: 100%;
      height: 2.22rem;
    }
  }
  .boxxx{
    width: 100%;
    background-image: url('../images/kecheng.png');
    background-repeat: no-repeat;
    background-size: 100%;
  }
  // 云集
  .crowds-box{
    width: 7.3rem;
    margin: 0 auto;
    // overflow: hidden;
    // 标题
    .crowds-title{
      height: .89rem;

      img{
        width: 7.3rem;
        height: .89rem;
        padding-bottom: -0.2rem;
      }
    
    }
    .crowds{
      .png-img{
        height: 3.89rem;
        img{
          width: 7.3rem;
          height: 3.89rem;
        }
      }
    
      .bottom{
        width: 7.3rem;
        height: 1.2rem;
        background-color: #1f1f1f;
        display: flex;
        justify-content: space-between;
        align-items: center;
        .left{
          margin-left: .20rem;
          .course{
            font-size: .24rem;
            color: #d14126;
          }
          .courses{
            font-size: .16rem;
            color:#fff;
          }
        }
        .right{
          width: 1.42rem;
          height: .52rem;
          background-color: #d6472c;
          border-radius: .15rem;
          line-height: .52rem;
          text-align: center;
          color: #fff;
          font-size: .16rem;
          margin-right: .2rem;
        }
       
      }
    }
  }

  // 没有
  .no{
    width: 100%;
    text-align: center;
    margin-top: .35rem;
    padding-bottom: 1.8rem;
    font-size: .12rem;
    color: #fff;
    background-color: #000000;
  }


}

// 底部导航
.diNav{
  position: fixed;
  bottom: 0;
  width: 100%;
  background-color: #131313;
  height: 1.16rem;
  display: flex;
  justify-content: space-around;
  div{
    width: .8rem;
    height: .6rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: .21rem;
    margin-top: .14rem;
    img{
      width: .4rem;
      height: .4rem;
      padding-bottom: .05rem;
    }
    .color{
      color: #d14126;
    }
  }
}